<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
	.pictureDIV {
		width: 624px;
		margin: 100px auto auto;
		border: 5px solid red;

	}

	.minImg {
		width: 200px;
		height: 200px;
		border: 4px solid #00cc33;
		float: left;
	}

	.minImg:hover{
		border-color: #330033;
		/*background-color:yellow; */
		-moz-opacity:0.8; 
		opacity:.50; 
		filter:alpha(opacity=10); 
	}
	.showImg {
		width:100%; 
		height:100%; 
		max-height: 500px;
		/*float: left;*/
		overflow: auto;
	}
	.close {
		height: 60px;
		color: #ff33cc;
		font-size: 56px;
		font-family: "stkaiti";
		background-color: #66ff99;
	}

	.close:hover {
		color: yellow;
	}

	.showBig {
		display: none; 
		position: fixed;
		z-index: 2000;
		text-align: center;
		top:12%; 
		left:12%; 
		width:70%; 
		/*height:70%; */
		border: 3px solid #ff0033;
	}

	.fade { 
		display:none; 
		position: fixed; 
		top:0%; 
		left:0%; 
		width:100%; 
		height:100%; 
		background-color:black; 
		z-index:1001; 
		-moz-opacity:0.8; 
		opacity:.80; 
		filter:alpha(opacity=80); 
	} 
	.clear:after {
		content: "";display: block; clear: both;
	}
	</style>
</head>
<body>
	<div class="pictureDIV clear">
		<img class="minImg" src="../photos/manhua/img_2.jpg"/>
		<img class="minImg" src="../photos/manhua/img_3.jpg"/>
		<img class="minImg" src="../photos/manhua/img_4.jpeg"/>
		<img class="minImg" src="../photos/manhua/img_1.jpg"/>
		<img class="minImg" src="../photos/manhua/img_5.jpg"/>
	</div>


	<div class="showBig">
		<div class="close">关闭</div>
		<img class="showImg" />
	</div>
	<div class="fade"></div>
</body>
<script src="https://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){ 

	$(".minImg").click(function(){

		$(".showImg").attr("src", $(this).attr("src"));
		$(".showBig").slideToggle();
		$(".fade").show();
	});

	$(".close").click(function(){
		$(".showBig").slideToggle();
		$(".fade").hide();
	});

　　}); 

</script>

</html>